import React from 'react';
import { BLUE_COLOR } from '../../constants';

export default ({ x, y, width, height }) => (
  <svg
    version="1.1"
    x={x}
    y={y}
    width={width}
    height={height}
    viewBox="0 0 550.801 550.801"
    shapeRendering={'geometricPrecision'}
  >
    <rect x="50" width="550" height="550" opacity="0.7" fill="white" />
    <g>
      <g>
        <path
          d="M386.406,415.441c-5.601,0-9.397,0.56-11.386,1.098v35.948c2.357,0.544,5.242,0.723,9.213,0.723    c14.654,0,23.683-7.394,23.683-19.881C407.911,422.129,400.138,415.441,386.406,415.441z"
          fill={BLUE_COLOR}
        />
        <path
          d="M281.359,415.441c-5.601,0-9.4,0.56-11.386,1.098v35.948c2.365,0.544,5.247,0.723,9.224,0.723    c14.649,0,23.672-7.394,23.672-19.881C302.864,422.129,295.091,415.441,281.359,415.441z"
          fill={BLUE_COLOR}
        />
        <path
          d="M475.095,132c-0.032-2.529-0.833-5.023-2.568-6.993L366.324,3.694c-0.021-0.031-0.053-0.042-0.084-0.076    c-0.633-0.707-1.36-1.29-2.141-1.804c-0.232-0.15-0.465-0.285-0.707-0.419c-0.686-0.369-1.393-0.67-2.131-0.892    c-0.2-0.061-0.379-0.14-0.58-0.195C359.87,0.119,359.047,0,358.203,0H97.2C85.292,0,75.6,9.693,75.6,21.601v507.6    c0,11.913,9.692,21.601,21.6,21.601H453.6c11.918,0,21.601-9.688,21.601-21.601V133.207    C475.2,132.804,475.137,132.398,475.095,132z M197.461,496.421c8.306,0,17.529-1.804,22.945-3.977l4.163,21.505    c-5.06,2.542-16.453,5.253-31.277,5.253c-42.098,0-63.795-26.209-63.795-60.903c0-41.581,29.647-64.71,66.517-64.71    c14.278,0,25.123,2.9,29.998,5.41l-5.601,21.874c-5.587-2.356-13.365-4.503-23.132-4.503c-21.877,0-38.86,13.173-38.86,40.294    C158.414,481.054,172.882,496.421,197.461,496.421z M318.959,461.542c-9.397,8.859-23.314,12.836-39.594,12.836    c-3.617,0-6.86-0.18-9.397-0.543v43.553h-27.288V397.195c8.501-1.444,20.43-2.536,37.233-2.536    c16.991,0,29.109,3.254,37.241,9.771c7.768,6.133,13.015,16.264,13.015,28.192C330.17,444.551,326.173,454.676,318.959,461.542z     M424.006,461.542c-9.397,8.859-23.314,12.836-39.583,12.836c-3.617,0-6.866-0.18-9.402-0.543v43.553h-27.29V397.195    c8.495-1.444,20.419-2.536,37.235-2.536c16.986,0,29.104,3.254,37.226,9.771c7.778,6.133,13.025,16.264,13.025,28.192    C435.217,444.551,431.23,454.676,424.006,461.542z M97.2,366.758V21.605h250.203v110.519c0,5.961,4.831,10.8,10.8,10.8H453.6    l0.011,223.834H97.2z"
          fill={BLUE_COLOR}
        />
      </g>
      <g>
        <path
          d="M255.878,295.165c-8.04,3.581-23.251,6.561-40.537,6.561c-47.115,0-77.219-28.625-77.219-74.535    c0-42.633,29.217-77.512,83.479-77.512c11.923,0,25.043,2.083,34.58,5.664l-7.153,33.684c-5.363-2.381-13.416-4.469-25.339-4.469    c-23.852,0-39.353,16.993-39.058,40.845c0,26.832,17.89,40.84,39.954,40.84c10.731,0,19.08-1.782,25.938-4.472L255.878,295.165z"
          fill={BLUE_COLOR}
        />
        <path
          d="M311.576,192.302v27.372h26.24v11.81h-26.24v27.627h-12.309v-27.627h-26.243v-11.81h26.243v-27.372H311.576z"
          fill={BLUE_COLOR}
        />
        <path
          d="M386.438,192.302v27.372h26.24v11.81h-26.24v27.627h-12.303v-27.627h-26.251v-11.81h26.251v-27.372H386.438z"
          fill={BLUE_COLOR}
        />
      </g>
    </g>
  </svg>
);
